<!DOCTYPE html>
<html lang="en">
<head>
    <?php include_once VIEWS.'app/head_app.php'; ?>
</head>
<body>
<div id="main" v-clock>
    <div class="circle-info-content">
    <?php include_once VIEWS.'app/float.php'; ?>
        <div class="mui-scroll-wrapper pt124" id="pullrefresh">
            <div class="mui-scroll">
                <div class="circle-i-article">
                    <div class="flex-spack-between">
                        <div class="circle-i-a-tit">{{item.title}}</div>
                        <div :class="['circle-i-a-coll',iscol==0?'cur':'']" id="collection"></div>
                    </div>

                    <div class="circle-i-a-info f-cb mt20">
                        <div class="circle-my-ava fl personal" :data-id="item.uid"><img :src="item.headimg?item.headimg:'<?php echo STATIC_URL.'avatar.png'?>'" alt="" width="100%" height="100%" /></div>
                        <div class="circle-my-info fr">
                            <div class="circle-my-name"><span class="personal" :data-id="item.uid">{{item.uname}}</span></div>
                            <div class="circle-hot-time">{{item.cre_time}} <span class="circle-i-a-wh">{{item.click}}</span></div>
                        </div>
                    </div>
                    <div class="circle-my-content mt20" v-html="item.content"></div>
                    <div class="circle-i-a-pay">
                        <div class="circle-i-a-payicon"></div>
                        <div class="circle-i-a-paynum">{{item.zans}}人赞赏 ¥{{item.zan_money}}</div>
                        <div class="circle-i-a-payavas" v-if="item.zanlength != 0">
                            <span class="circle-i-a-payava" v-for="ava in item.zan_user"><img :src="ava?ava:'static/img/avatar.png'" alt="" width="100%" height="100%"/></span>
                            <!--<span class="circle-i-a-payava"><img src="" alt="" width="100%" height="100%"/></span>-->
                        </div>
                    </div>
                    <div class="circle-my-state f-cb bt mt48">
                        <div class="circle-my-s-forward br" id="forward">
                            <span>{{item.repeats}}</span>
                        </div>
                        <div class="circle-my-s-comment br" id="comment">
                            <span>{{item.comments}}</span>
                        </div>
                        <div :class="['circle-my-s-up',item.is_can == 1?'br':'']">
                            <span :class="[isup == 0?'cur':'']">{{item.praise}}</span>
                        </div>
                        <div class="circle-my-s-delete fl" v-if="item.is_can == 1" id="delete">
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="circle-comment" v-if="comt.length !== 0">
                    <div class="circle-c-tit">全部评论</div>
                    <ul class="circle-c-comul mui-table-view mui-table-view-chevron">
                        <li class="circle-c-list f-cb" v-for="(list,index) in comt">
                            <div class="circle-my-ava fl personal" :data-id="list.uid"><img :src="list.headimg?list.headimg:'<?php echo STATIC_URL.'avatar.png'?>'" alt="" width="100%" height="100%" /></div>
                            <div class="circle-my-info fr circle-i-info">
                                <div class="circle-my-name"><span class="personal" :data-id="list.uid">{{list.uname}}</span></div>
                                <div class="circle-hot-time">{{list.cre_time}}</div>
                                <div :class="['circle-my-content','response','mui-table-view-cell',list.is_can == 1?'can':'']" :data-id="list.id" :data-name="list.uname">
                                    <a>{{list.content}}</a>
                                </div>
                                <div class="circle-i-req" v-if="list.childnums != 0">
                                    <ul>
                                        <li :class="['mui-table-view-cell','response',childlist.is_can == 1?'can':'']" :data-id="childlist.id" :data-name="childlist.uname" v-for="(childlist,index) in list.child" v-show="index == 0 || list.childshow == 1">
                                            <a><span class="color personal">{{childlist.uname}}：</span><span class="color personal" v-if="childlist.cname">回复@{{childlist.cname}}：</span><span>{{childlist.content}}</span></a>
                                        </li>
                                    </ul>
                                    <div class="circle-i-more color" v-if="list.childnums > 1">共{{list.childnums}}条回复 ></div>
                                </div>
                            </div>
                        </li>
                        <!--<li class="circle-c-list f-cb">
                            <div class="circle-my-ava fl"><img src="" alt="" width="100%" height="100%" /></div>
                            <div class="circle-my-info fr circle-i-info">
                                <div class="circle-my-name">阿特人</div>
                                <div class="circle-hot-time">02-06 21:00 </div>
                                <div class="circle-my-content">下面是健身圈最火的一组图片简单科学的告诉你 究竟怎么练</div>
                                <div class="circle-i-req">
                                    <ul>
                                        <li class="mui-table-view-cell"><a><span class="color">张三：</span>好像很有道理的样子</a></li>
                                        <li class="mui-table-view-cell"><a><span class="color">张三：</span><span class="color">回复@小张：</span>好像很有道理的样子好像很有道理的样子好像很有道理的样子好像很有道理的样子</a></li>
                                    </ul>
                                    <div class="circle-i-more color">共10条回复 ></div>
                                </div>
                            </div>
                        </li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <?php
    echo static_file('app/js/article.js');
    ?>
</div>
</body>
</html>